<template>
    <div class="zzmInput">
        <slot name="icon"></slot>
        <input  type="text" v-model="val"  :placeholder="placeholder?placeholder:'请输入'"  />
    </div>
<!-- v-bind="$attrs" -->
</template>
<script setup>
import { defineProps ,defineModel} from 'vue'
const val = defineModel()
const props = defineProps({
  placeholder: String,

})
</script>
<style scoped>
.zzmInput{
    display: flex;
    width: 100%;
    border:1px solid #ccc;
}
.zzmInput input{
    flex: 1;
    border: none;
    outline: none;
    padding-left: 5px;
}
</style>